<template>
  <button
    type="button"
    class="header-button"
    @click="
      () => {
        $router.push('/settings/server-power-operations');
      }
    "
  >
    <span class="absolute -inset-1.5" />
    <span class="sr-only">{{ t('appHeader.power') }}</span>
    <bulb-status-icon :status="params" />
  </button>
</template>

<script setup lang="ts">
import BulbStatusIcon from '@/components/global/BulbStatusIcon.vue';
import { useI18n } from 'vue-i18n';
const i18n = reactive(useI18n());
const { t } = toRefs(i18n);

defineProps<{ params: string }>();
</script>
